<template >
  <div>
    <div id="mainEchars" ref="mychart" :style="{ width: '300px', height: '300px' }"></div>
  </div>
</template>

<script>
import * as echarts from 'echarts';
import {listProduct,treeselect} from '../api/server.js'
export default {
  data() {
    return {};
  },
  //dom初始化后执行
  mounted() {
    this.initEchart();
    this.getPP();
  },
  methods: {
    initEchart() {
     var myChart = echarts.init(document.getElementById('mainEchars'));

      var option = {
        title: {
          text: "echarts入门示例",
        },
        tooltip: {},
        legend: {
          data: ["销量"],
        },
        xAxis: {
          data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"],
        },
        yAxis: {},
        series: [
          {
            name: "销量",
            type: "bar",
            data: [5, 20, 36, 10, 10, 20],
          },
        ],
      };
    myChart.setOption(option);

    },
    getPP(){
      let params={
        a:1,
        b:3
      }
      treeselect().then(res=>{
        console.log(1111)
      })
    }

  },
};
</script>
